<!-- 头部开始 -->
<include file="public@head"/>
<!-- 头部结束 -->
<title>{$category.seo_title}</title>
<meta name="keywords"  content="{$category.seo_keywords}" />
<meta name="description" content="{$category.seo_description}" />


        <!-- page-title -->
        <section class="page-title centred">
            <div class="pattern-layer" style="background-image: url(__TMPL__/public/assets/images/background/page-title.jpg);"></div>
            <div class="auto-container">
                <div class="content-box">
                    <h1>{$yc_aboutyw}</h1>
                    <ul class="bread-crumb clearfix">
                        <li><i class="flaticon-home-1"></i><a href="index.html">首页</a></li>
                        <li>关于我们</li>
                    </ul>
                </div>
            </div>
        </section>
        <!-- page-title end -->


        <!-- about-section -->
        <section class="about-section">
            <div class="auto-container">
                <div class="row align-items-center clearfix">
                    <div class="col-lg-4 col-md-6 col-sm-12 text-column">
                        <div class="text-inner">
                            <h2>{$yc_CompanyProfile|htmlspecialchars_decode}</h2>
                            <h3>公司简介</h3>
                            <p>{$yc_aboutjj}</p>
                            <a href="/contact" class="theme-btn-one">联系我们<i class="flaticon-right-1"></i></a>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12 image-column">
                        <figure class="image-box"><img src="{$yc_about_tp}" alt=""></figure>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12 text-column">
                        <div class="text-inner">
                            <div class="box">
                                <h4>{$yc_aboutqwss}  <span style="color: #ff4135;font-size: 18px">{$yc_Fashion}</span></h4>
                                <p>{$yc_about_ssqw}</p>
                            </div>
                            <div class="box">
                                <h4>{$yc_about_zxdlgx} <span style="color: #ff4135;font-size: 18px">{$yc_Confidence}</span></h4>
                                <p>{$yc_about_gxdlms}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- about-section end -->


        <!-- chooseus-section -->
        <section class="chooseus-section">
            <div class="outer-container clearfix">
                <div class="content-column">
                    <div class="inner-column">
                        <div class="content-box">
                            <div class="sec-title style-two">
                                <h2>{$yc_about_ppysbt} <span style="color: #ff4135;font-size: 24px">{$yc_Brandadvantage}</span></h2>
                                <p>{$yc_about_ppysms}</p>
                                <span class="separator" style="background-image: url(__TMPL__/public/assets/images/icons/separator-3.png);"></span>
                            </div>
                            <div class="inner-box">
                                <div class="row clearfix">
                                    <div class="col-lg-6 col-md-6 col-sm-12 single-column">
                                        <div class="single-item wow fadeInLeft animated animated" data-wow-delay="00ms" data-wow-duration="1500ms">
                                            <div class="icon-box"><img src="{$yc_about_ycsjtp}" /></div>
                                            <h3>{$yc_about_ycsj}</h3>
                                            <p>{$yc_about_ycsjms}</p>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-12 single-column">
                                        <div class="single-item wow fadeInRight animated animated" data-wow-delay="00ms" data-wow-duration="1500ms">
                                            <div class="icon-box"><img src="{$yc_about_qwsjtp}" /></div>
                                            <h3>{$yc_about_qwssbt}</h3>
                                            <p>{$yc_about_qwssms}</p>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-12 single-column">
                                        <div class="single-item wow fadeInLeft animated animated" data-wow-delay="00ms" data-wow-duration="1500ms">
                                            <div class="icon-box"><img src="{$yc_about_dzxftp}" /></div>
                                            <h3>{$yc_about_dzxfbt}</h3>
                                            <p>{$yc_about_dzxfms}</p>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-12 single-column">
                                        <div class="single-item wow fadeInRight animated animated" data-wow-delay="00ms" data-wow-duration="1500ms">
                                            <div class="icon-box"><img src="{$yc_about_title_tp}"></div>
                                            <h3>{$yc_about_ycsjbt}</h3>
                                            <p>{$yc_about_title_ycsjms}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="image-column" style="background-image: url({$yc_about_ppysdt});"></div>
            </div>
        </section>
        <!-- chooseus-section end -->


        <!-- instagram-style-two -->
        <section class="instagram-style-two sec-pad">
            <div class="large-container">
                <div class="sec-title">
                    <h2>终端形象</h2>
                    <p>一切美好的实物源之于内心深处</p>
                    <span class="separator" style="background-image: url(__TMPL__/public/assets/images/icons/separator-1.png);"></span>
                </div>
                <div class="instagram-carousel owl-carousel owl-theme owl-dots-none owl-nav-none">
                    <portal:articles page="6" item="vo" order="category_post.list_order ASC" categoryIds="302">
                        <figure class="image-box">
                            <img src="{:get_image_url($vo.thumbnail)}" alt="">
                        </figure>
                    </portal:articles>
                </div>
            </div>
        </section>
        <!-- instagram-style-two -->



<!-- 底部开始 -->
 <include file="public@footer"/>
<!-- 底部结束 --> 
